#yoast-seo-dashboard-widget {
	h3 { /* csslint allow: qualified-headings */
		font-weight: bold;
	}

	.assessments, .score-assessments {
		padding-left: 0;
	}

	.wordpress-feed {
		margin: 16px -12px 0;
		padding: 12px 12px 0;
		border-top: 1px solid #eee;

		.wordpress-feed__post {
			margin-top: 12px;
		}

		.wordpress-feed__footer {
			margin: 0 -12px;
			padding: 4px 12px 0;
			border-top: 1px solid #eee;
		}
	}
}

#yoast-seo-ryte-assessment {
	margin: 12px -12px 0;
	padding: 12px 12px 0;
	border-top: 1px solid #eee;

	.button {
		margin-right: 8px;
	}

	.button.landing-page {
		border-color: #7b1e4f #6f1b47 #6f1b47;
		color: #fff;
		background: #a4286a;
		box-shadow: 0 1px 0 #6f1b47;

		&:hover, &:focus {
			background: #90235d;
			border-color: #6f1b47;
		}

		&:focus {
			box-shadow: 0 1px 0 #7b1e4f, 0 0 2px 1px #a35685;
		}

		&:active {
			background: #7b1e4f;
			border-color: #6f1b47;
			box-shadow: inset 0 2px 0 #6f1b47;
			vertical-align: top;
		}
	}
}

#yoast-seo-dashboard-widget {
	&:empty:before {
		display: block;
		content: "";
		width: 40px;
		height: 40px;
		background-image: url( '../../images/Yoast_SEO_Icon.svg' );

		margin: 25px auto;
		-webkit-animation: rotate 2s infinite linear;
		animation: rotate 2s infinite linear;
	}

	@-webkit-keyframes rotate {
		0% { -webkit-transform: perspective(120px) }
		100% { -webkit-transform: perspective(120px) rotateY(360deg) }
	}

	@keyframes rotate {
		0% {
			transform: perspective(120px) rotateX(0deg) rotateY(0deg);
			-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
		} 100% {
			transform: perspective(120px) rotateX(0deg) rotateY(360deg);
			-webkit-transform: perspective(120px) rotateX(0deg) rotateY(360deg)
		}
	}

}
